<template>
  <div class="wrapper">
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="258px"
      height="97px" viewBox="-0.5 -0.5 258 97"
      content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2020-06-21T00:17:57.372Z&quot; agent=&quot;5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36&quot; etag=&quot;LXYkkQ4E9D6ifSwsl3B3&quot; version=&quot;13.3.0&quot;&gt;&lt;diagram id=&quot;lenKkD0m3CSKjdS2nFt3&quot; name=&quot;Page-1&quot;&gt;7VXBToNAEP0ajjaFrbQeba16sElNNXprVnaENQtDlilQv95FprRojHoxHnohu2/ezs7Me4AnZml9ZWWeLFCB8YKhqj1x4QXBJJy4ZwNsW2AU+i0QW61a6ABY6VdgcMjoRisoekRCNKTzPhhhlkFEPUxai1Wf9oymf2suY/gErCJpPqMPWlHCbQXjPX4NOk52N/vhWRtJ5Y7MnRSJVFgdQGLuiZlFpHaV1jMwzex2c2nPXX4R7QqzkNFPDtw/lMvZy91jtb0dP4bnm2BR2hPOUkqz4Ya5WNruJpCjzgjsvHT3NMP0PTEtwZJ2Q7qRT2CWWGjSmLnYExJh6ghds0O3UbJIQPFGGh031AiarA5IKDUf0p4zhzBvc+VNLWkdNxYbgHFC24Y30JnaRIS2GORIa7IyK9ZiXTlYZ7ErdsrtubxQfzk3v1PDuRgwBbJbR+EDwSkLyA4e87ba2yFkNyQHTjgL2YRswLhLvNfILVimX0gWHCX7TjIxGv8rycRRsu8kG43+6i1z2/1H9z128OcS8zc=&lt;/diagram&gt;&lt;/mxfile&gt;">
      <defs />
      <g>
        <rect x="0" y="0" width="67" height="96" fill="none" stroke="none" pointer-events="all" />
        <path d="M 33.5 0 L 33.5 15.36 M 19.14 80.64 L 19.14 96 M 47.86 80.64 L 47.86 96" fill="none" stroke="#000000"
          stroke-miterlimit="10" pointer-events="all" />
        <ellipse cx="19.14" cy="61.44" rx="19.142857142857142" ry="19.2" fill="none" stroke="#000000"
          pointer-events="all" />
        <ellipse cx="47.86" cy="61.44" rx="19.142857142857142" ry="19.2" fill="none" stroke="#000000"
          pointer-events="all" />
        <ellipse cx="33.5" cy="34.56" rx="19.142857142857142" ry="19.2" fill="none" stroke="#000000"
          pointer-events="all" />
        <rect x="97" y="0" width="67" height="96" fill="none" stroke="none" pointer-events="all" />
        <path d="M 130.5 0 L 130.5 15.36 M 116.14 80.64 L 116.14 96 M 144.86 80.64 L 144.86 96" fill="none"
          stroke="#000000" stroke-miterlimit="10" pointer-events="all" />
        <ellipse cx="116.14" cy="61.44" rx="19.142857142857142" ry="19.2" fill="none" stroke="#000000"
          pointer-events="all" />
        <ellipse cx="144.86" cy="61.44" rx="19.142857142857142" ry="19.2" fill="none" stroke="#000000"
          pointer-events="all" />
        <ellipse cx="130.5" cy="34.56" rx="19.142857142857142" ry="19.2" fill="none" stroke="#000000"
          pointer-events="all" />
        <rect x="190" y="0" width="67" height="96" fill="none" stroke="none" pointer-events="all" />
        <path d="M 223.5 0 L 223.5 15.36 M 209.14 80.64 L 209.14 96 M 237.86 80.64 L 237.86 96" fill="none"
          stroke="#000000" stroke-miterlimit="10" pointer-events="all" />
        <ellipse cx="209.14" cy="61.44" rx="19.142857142857142" ry="19.2" fill="none" stroke="#000000"
          pointer-events="all" />
        <ellipse cx="237.86" cy="61.44" rx="19.142857142857142" ry="19.2" fill="none" stroke="#000000"
          pointer-events="all" />
        <ellipse cx="223.5" cy="34.56" rx="19.142857142857142" ry="19.2" fill="none" stroke="#000000"
          pointer-events="all" />
      </g>
    </svg>
  </div>
</template>

<script>
  export default {
    components: {},
    props: {
      list: {
        type: Array,
        default: () => Object
      }
    },
    data() {
      return {

      }
    },
    computed: {},
    watch: {},
    created() {},
    mounted() {},
    activated() {},
    deactivated() {},
    updated() {},
    destroyed() {},
    methods: {},
    filters: {}
  }

</script>
<style scoped>
</style>
